<template>
  <!--最外层大的div-->
  <div class="conterL">
    <!--左侧内容-->
    <div class="beijing">
      <img src="../../assets/img-user-background-image-default.jpg" alt>
    </div>
    <div class="neirongL">
      <!--头部内容-->
      <div class="headerL">
        <el-row>
          <el-col :span="4" :lg="4" :md="4" :xs="6">
            <div class="yuantu">
              <img src="../../assets/xynyuantu.png" alt>
            </div>
          </el-col>
          <el-col :span="11" :lg="11" :md="9" :xs="18">
            <div class="dierlie">
              <!--第一行-->
              <el-row>
                <el-col :span="24" :lg="20" :md="18">
                  <div class="diyihang">
                    <p>老沈1</p>
                  </div>
                </el-col>
              </el-row>
              <!--第二行-->
              <el-row gutter="40" class="titleSpan hidden-xs-only" style="margin-left:-10px;">
                <el-col :span="4" :lg="4" :md="8" :xs="8">
                  <div class="dierhang" style="border-right:1px solid #969696;">
                    <span>123</span>
                    <a>关注 ></a>
                  </div>
                </el-col>
                <el-col :span="5" :lg="5" :md="8" :xs="8">
                  <div class="dierhang" style="border-right:1px solid #969696;margin-left:-18px;">
                    <span>5160</span>
                    <a>粉丝 ></a>
                  </div>
                </el-col>
                <el-col :span="5" :lg="5" :md="8" :xs="8">
                  <div class="dierhang" style="border-right:1px solid #969696;">
                    <span>525</span>
                    <a>文章 ></a>
                  </div>
                </el-col>
                <el-col :span="5" :lg="5" :md="8" :xs="8">
                  <div class="dierhang" style="border-right:1px solid #969696;">
                    <span>920</span>
                    <a>字数</a>
                  </div>
                </el-col>
                <el-col :span="5" :lg="5" :md="8" :xs="8">
                  <div class="dierhang" style="border-right:1px solid #969696;padding-left: 5px">
                    <span>588</span>
                    <a>收获喜欢</a>
                  </div>
                </el-col>
               
                <el-col :span="8" :lg="8" :md="8" :xs="8">
                  <div class="dierhang" style=";padding-left: 5px;margin-top:10px;">
                    <span>325</span>
                    <a>简书钻</a>
                  </div>
                </el-col>
              </el-row>
              <el-row class="sjdiyi hidden-sm-and-up">
                <el-col :span="6" :xs="6">
                  <div class="zzz">
                    <span>225</span>
                    <a href>关注</a>
                  </div>
                </el-col>
                <el-col :span="8" :xs="7">
                  <div class="xxx" style="margin-left:10px;">
                    <span>23万</span>
                    <a href>粉丝</a>
                  </div>
                </el-col>
                <el-col :span="10" :xs="10">
                  <div class="ccc" style="margin-left:12px;">
                    <span>2323</span>
                    <a href>简书钻</a>
                  </div>
                </el-col>
              </el-row>
              <el-row :gutter="20" class="sjdier hidden-sm-and-up" style="margin-top:20px;">
                <el-col :span="2" :offset="2">
                  <div class="sjdier">
                    <img src="../../assets/xyn333.png" alt>
                  </div>
                </el-col>
                <el-col :span="9">
                  <div class="sjdier">
                    <a href>简书小说家</a>
                  </div>
                </el-col>
                <el-col :span="2">
                  <div class="sjdier">
                    <img src="../../assets/xyn111.png" alt>
                  </div>
                </el-col>
                <el-col :span="9">
                  <div class="sjdier">
                    <a href>简书小说家</a>
                  </div>
                </el-col>
              </el-row>
              <el-row class="sjdisan hidden-sm-and-up">
                <el-col :span="22" :offset="2">
                  <div class="sjdisan">
                    <p>写了11.3万字，获得了581个喜欢</p>
                  </div>
                </el-col>
              </el-row>
            
            </div>
          </el-col>
          <el-col :span="9" :lg="9" :md="11" :xs="24">
            <div class="disanlie">
              <el-button round class="hidden-xs-only">发简信</el-button>
              <el-button type="success" round class="guanzhu">+关注</el-button>
              <el-button round class="hidden-sm-and-up zanshang">赞赏作者</el-button>
            </div>
          </el-col>
        </el-row>
      </div>
      <!--导航内容!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!-->
      <div class="daohang">
        <el-row>
          <el-col :span="24">
            <el-tabs v-model="activeName" @tab-click="handleClick">
              <el-tab-pane name="first">
                <span slot="label" class="hidden-xs-only">
                  <i class="el-icon-s-order">文章</i>
                </span>

                <!-- 测试模块1 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!-->
                <!--模块-->
                <div class="zhongjian">
                  <div class="dier" style="margin-top:10px">
                    <el-row>
                      <el-col :span="4" :lg="4" :xs="5">
                        <div class="zhinian">
                          <a href>执念(六)</a>
                        </div>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <div class="wenzi">
                          <p>六、 真是“野火烧不尽，春风吹又生。元道。 祝先生、李先生听烦了吧。郑野说道。</p>
                          <p style="margin-top:-11px;">李世群感慨道，所谓世事难料，我以前也参加过共。cha...</p>
                        </div>
                      </el-col>
                    </el-row>

                    <div class="disan">
                      <el-row>
                        <el-col :span="2" :xs="4">
                          <div class="aaa">
                            <a href>老沈1</a>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-view"> 44</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-chat-square"> 22</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-headset"> 2</i>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <el-divider></el-divider>
                  </div>
                </div>
                <!--模块-->
                <div class="zhongjian">
                  
                  <div class="dier" style="margin-top:10px">
                    <el-row>
                      <el-col :span="4" :lg="4" :xs="5">
                        <div class="zhinian">
                          <a href>执念(六)</a>
                        </div>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <div class="wenzi">
                          <p>六、 真是“野火烧不尽，春风吹又生。弘元道。 祝先生、李先生听烦了吧。 郑星野说道。</p>
                          <p style="margin-top:-11px">李世群感慨道，所谓世事难料，我以前也参加过共。cha...</p>
                        </div>
                      </el-col>
                    </el-row>

                    <div class="disan">
                      <el-row>
                        <el-col :span="2" :xs="4">
                          <div class="aaa">
                            <a href>老沈1</a>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-view"> 44</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-chat-square"> 22</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-headset"> 2</i>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <el-divider></el-divider>
                  </div>
                </div>
                <!--模块-->
                <div class="zhongjian">
                 
                  <div class="dier" style="margin-top:10px">
                    <el-row>
                      <el-col :span="4" :lg="4" :xs="5">
                        <div class="zhinian">
                          <a href>执念(六)</a>
                        </div>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <div class="wenzi">
                          <p>六、 真是“野火烧不尽，春风吹又生。”祝弘元道。 祝先生、李先生听烦了吧。 郑星野说道。</p>
                          <p style="margin-top:-11px;">李世群感慨道，所谓世事难料，我以前也参加过共。cha...</p>
                        </div>
                      </el-col>
                    </el-row>

                    <div class="disan">
                      <el-row>
                        <el-col :span="2" :xs="4">
                          <div class="aaa">
                            <a href>老沈1</a>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-view"> 44</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-chat-square"> 22</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-headset"> 2</i>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <el-divider></el-divider>
                  </div>
                </div>
                <!--模块-->
                <div class="zhongjian">
                 
                  <div class="dier" style="margin-top:10px">
                    <el-row>
                      <el-col :span="4" :lg="4" :xs="5">
                        <div class="zhinian">
                          <a href>执念(六)</a>
                        </div>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <div class="wenzi">
                          <p>六、 真是“野火烧不尽，春风吹又生。”祝弘元道。 祝先生、李先生听烦了吧。 郑星野说道。</p>
                          <p style="margin-top:-11px;">李世群感慨道，所谓世事难料，我以前也参加过共。cha...</p>
                        </div>
                      </el-col>
                    </el-row>

                    <div class="disan">
                      <el-row>
                        <el-col :span="2" :xs="4">
                          <div class="aaa">
                            <a href>老沈1</a>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-view"> 44</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-chat-square"> 22</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-headset"> 2</i>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <el-divider></el-divider>
                  </div>
                </div>
                <!--模块-->
                <div class="zhongjian">
                 
                  <div class="dier" style="margin-top:10px">
                    <el-row>
                      <el-col :span="4" :lg="4">
                        <div class="zhinian">
                          <a href>执念(六)</a>
                        </div>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <div class="wenzi">
                          <p>六、 真是“野火烧不尽，春风吹又生。”祝弘元道。 祝先生、李先生听烦了吧。 郑星野说道。</p>
                          <p style="margin-top:-11px;">李世群感慨道，所谓世事难料，我以前也参加过共。cha...</p>
                        </div>
                      </el-col>
                    </el-row>

                    <div class="disan">
                      <el-row>
                        <el-col :span="2" :xs="4">
                          <div class="aaa">
                            <a href>老沈1</a>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-view"> 44</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-chat-square"> 22</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-headset"> 2</i>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <el-divider></el-divider>
                  </div>
                </div>
              </el-tab-pane>

              <!--第二个-->
              <el-tab-pane name="second">
                <span slot="label">
                  <i class="el-icon-s-help hidden-xs-only">动态</i>
                  <i class="sjdh hidden-sm-and-up" style="margin-left:15px;">最新发布</i>
                </span>

                <!-- 测试模块2 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!-->

                <!--模块-->
                <div class="zhongjian">
                  <div class="dier" style="margin-top:10px">
                    <el-row>
                      <el-col :span="4" :lg="4" :xs="5">
                        <div class="zhinian">
                          <a href>执念(六)</a>
                        </div>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <div class="wenzi">
                          <p>六、 郑星野连夜回到上海已是第二天上午。他看到石路联络站的一刻浑身冰凉、如坠深渊</p>
                          <p class="hidden-xs-only"> 李世群感慨道，所谓世事难料，我以前也参加过共。cha...</p>
                        </div>
                      </el-col>
                    </el-row>

                    <div class="disan">
                      <el-row>
                        <el-col :span="2" :xs="4">
                          <div class="aaa">
                            <a href>老沈1</a>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-view"> 44</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-chat-square"> 22</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-headset"> 2</i>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <el-divider></el-divider>
                  </div>
                </div>

                <!--模块-->
                <div class="zhongjian">
                  <div class="dier" style="margin-top:10px">
                    <el-row>
                      <el-col :span="4" :lg="4" :xs="24">
                        <div class="zhinian">
                          <a href>执念(七)</a>
                        </div>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <div class="wenzi">
                          <p class="hidden-xs-only">六、 郑星野连夜回到上海已是第二天上午。他看到石路联络站的一刻浑身冰凉、如坠深渊</p>
                          <p class="hidden-xs-only">李世群感慨道，所谓世事难料，我以前也参加过共。cha...</p>
                        </div>
                      </el-col>
                    </el-row>

                    <div class="disan">
                      <el-row>
                        <el-col :span="2" :xs="4">
                          <div class="aaa">
                            <a href>老沈1</a>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-view"> 44</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-chat-square"> 22</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-headset"> 2</i>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <el-divider></el-divider>
                  </div>
                </div>

                <!--模块-->
                <div class="zhongjian">
                  <div class="dier" style="margin-top:10px">
                    <el-row>
                      <el-col :span="4" :lg="4" :xs="24">
                        <div class="zhinian">
                          <a href>执念(七)</a>
                        </div>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <div class="wenzi">
                          <p>六、 郑星野连夜回到上海已是第二天上午。他看到石路联络站的一刻浑身冰凉、如坠深渊</p>
                          <p class="hidden-xs-only">李世群感慨道，所谓世事难料，我以前也参加过共。cha...</p>
                        </div>
                      </el-col>
                    </el-row>

                    <div class="disan">
                      <el-row>
                        <el-col :span="2" :xs="4">
                          <div class="aaa">
                            <a href>老沈1</a>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-view"> 44</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-chat-square"> 22</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-headset"> 2</i>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <el-divider></el-divider>
                  </div>
                </div>
              </el-tab-pane>
              <el-tab-pane name="third">
                <span slot="label">
                  <i class="el-icon-s-comment hidden-xs-only">最新评论</i>
                   <i class="sjdh hidden-sm-and-up">最新评论</i>
                </span>

                <!-- 测试模块3 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!-->
                <!--第三个-->
                <!--模块-->
                <div class="zhongjian">
                  <div class="dier" style="margin-top:10px">
                    <el-row>
                      <el-col :span="4" :lg="4" :xs="24">
                        <div class="zhinian">
                          <a href>执念(七)</a>
                        </div>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <div class="wenzi">
                          <p>七、 郑星野连夜回到上海已是第二天上午。他看到石路联络站的一刻浑身冰凉、如坠深渊</p>
                          <p class="hidden-xs-only">李世群感慨道，所谓世事难料，我以前也参加过共。cha...</p>
                        </div>
                      </el-col>
                    </el-row>

                    <div class="disan">
                      <el-row>
                        <el-col :span="2" :xs="4">
                          <div class="aaa">
                            <a href>老沈1</a>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-view"> 44</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-chat-square"> 22</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-headset"> 2</i>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <el-divider></el-divider>
                  </div>
                </div>
                <!--模块-->
                <div class="zhongjian">
                  <div class="dier" style="margin-top:10px">
                    <el-row>
                      <el-col :span="4" :lg="4" :xs="24">
                        <div class="zhinian">
                          <a href>执念(七)</a>
                        </div>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <div class="wenzi">
                          <p class="hidden-xs-only">六、 郑星野连夜回到上海已是第二天上午。他看到石路联络站的一刻浑身冰凉、如坠深渊</p>
                          <p class="hidden-xs-only">李世群感慨道，所谓世事难料，我以前也参加过共。cha...</p>
                        </div>
                      </el-col>
                    </el-row>

                    <div class="disan">
                      <el-row>
                        <el-col :span="2" :xs="4">
                          <div class="aaa">
                            <a href>老沈1</a>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-view"> 44</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-chat-square"> 22</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-headset"> 2</i>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <el-divider></el-divider>
                  </div>
                </div>
                <!--模块-->
                <div class="zhongjian">
                  <div class="dier" style="margin-top:10px">
                    <el-row>
                      <el-col :span="4" :lg="4" :xs="24">
                        <div class="zhinian">
                          <a href>执念(七)</a>
                        </div>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <div class="wenzi">
                          <p class="hidden-xs-only">六、 郑星野连夜回到上海已是第二天上午。他看到石路联络站的一刻浑身冰凉、如坠深渊</p>
                          <p >李世群感慨道，所谓世事难料，我以前也参加过共。cha...</p>
                        </div>
                      </el-col>
                    </el-row>

                    <div class="disan">
                      <el-row>
                        <el-col :span="2" :xs="4">
                          <div class="aaa">
                            <a href>老沈1</a>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-view"> 44</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-chat-square"> 22</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-headset"> 2</i>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <el-divider></el-divider>
                  </div>
                </div>
                <!--模块-->
                <div class="zhongjian">
                  <div class="dier" style="margin-top:10px">
                    <el-row>
                      <el-col :span="4" :lg="4" :xs="24">
                        <div class="zhinian">
                          <a href>执念(七)</a>
                        </div>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <div class="wenzi">
                          <p>六、 郑星野连夜回到上海已是第二天上午。他看到石路联络站的一刻浑身冰凉、如坠深渊</p>
                          <p class="hidden-xs-only">李世群感慨道，所谓世事难料，我以前也参加过共。cha...</p>
                        </div>
                      </el-col>
                    </el-row>

                    <div class="disan">
                      <el-row>
                        <el-col :span="2" :xs="4">
                          <div class="aaa">
                            <a href>老沈1</a>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-view"> 44</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-chat-square"> 22</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-headset"> 2</i>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <el-divider></el-divider>
                  </div>
                </div>
               
                <!--第四个!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!-->
              </el-tab-pane>
              <el-tab-pane name="fourth">
                <span slot="label">
                  <i class="el-icon-message-solid  hidden-xs-only">热门</i>
                  <i class="sjdh hidden-sm-and-up qqq" style="margin-left:17px;">热门</i>
                </span>
                <!-- 测试模块4 -->

                <!--模块-->
                <div class="zhongjian">
                  <div class="dier" style="margin-top:10px">
                    <el-row>
                      <el-col :span="4" :lg="4" :xs="5">
                        <div class="zhinian">
                          <a href>执念(八)</a>
                        </div>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <div class="wenzi">
                          <p>八、 郑星野连夜回到上海已是第二天上午。他看到石路联络站的一刻浑身冰凉、如坠深渊</p>
                          <p class="hidden-xs-only">李世群感慨道，所谓世事难料，我以前也参加过共。cha...</p>
                        </div>
                      </el-col>
                    </el-row>

                    <div class="disan">
                      <el-row>
                        <el-col :span="2" :xs="4">
                          <div class="aaa">
                            <a href>老沈1</a>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-view"> 44</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-chat-square"> 22</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-headset"> 2</i>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <el-divider></el-divider>
                  </div>
                </div>
                <!--模块-->
                <div class="zhongjian">
                  <div class="dier" style="margin-top:10px">
                    <el-row>
                      <el-col :span="4" :lg="4" :xs="24">
                        <div class="zhinian">
                          <a href>执念(七)</a>
                        </div>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <div class="wenzi">
                          <p>六、 郑星野连夜回到上海已是第二天上午。他看到石路联络站的一刻浑身冰凉、如坠深渊</p>
                          <p class="hidden-xs-only">李世群感慨道，所谓世事难料，我以前也参加过共。cha...</p>
                        </div>
                      </el-col>
                    </el-row>

                    <div class="disan">
                      <el-row>
                        <el-col :span="2" :xs="4">
                          <div class="aaa">
                            <a href>老沈1</a>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-view"> 44</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-chat-square"> 22</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-headset"> 2</i>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <el-divider></el-divider>
                  </div>
                </div>
                <!--模块-->
                <div class="zhongjian">
                  <div class="dier" style="margin-top:10px">
                    <el-row>
                      <el-col :span="4" :lg="4" :xs="24">
                        <div class="zhinian">
                          <a href>执念(七)</a>
                        </div>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <div class="wenzi">
                          <p>六、 郑星野连夜回到上海已是第二天上午。他看到石路联络站的一刻浑身冰凉、如坠深渊</p>
                          <p class="hidden-xs-only">李世群感慨道，所谓世事难料，我以前也参加过共。cha...</p>
                        </div>
                      </el-col>
                    </el-row>

                    <div class="disan">
                      <el-row>
                        <el-col :span="2" :xs="4">
                          <div class="aaa">
                            <a href>老沈1</a>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-view"> 44</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-chat-square"> 22</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-headset"> 2</i>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <el-divider></el-divider>
                  </div>
                </div>
                <!--模块-->
                <div class="zhongjian">
                  <div class="dier" style="margin-top:10px">
                    <el-row>
                      <el-col :span="4" :lg="4" :xs="24">
                        <div class="zhinian">
                          <a href>执念(七)</a>
                        </div>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <div class="wenzi">
                          <p>六、 郑星野连夜回到上海已是第二天上午。他看到石路联络站的一刻浑身冰凉、如坠深渊</p>
                          <p class="hidden-xs-only">李世群感慨道，所谓世事难料，我以前也参加过共。cha...</p>
                        </div>
                      </el-col>
                    </el-row>

                    <div class="disan">
                      <el-row>
                        <el-col :span="2" :xs="4">
                          <div class="aaa">
                            <a href>老沈1</a>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-view"> 44</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-chat-square"> 22</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-headset"> 2</i>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <el-divider></el-divider>
                  </div>
                </div>
                <!--模块-->
                <div class="zhongjian">
                  <div class="dier" style="margin-top:10px">
                    <el-row>
                      <el-col :span="4" :lg="4" :xs="24">
                        <div class="zhinian">
                          <a href>执念(七)</a>
                        </div>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <div class="wenzi">
                          <p>六、 郑星野连夜回到上海已是第二天上午。他看到石路联络站的一刻浑身冰凉、如坠深渊</p>
                          <p class="hidden-xs-only">李世群感慨道，所谓世事难料，我以前也参加过共。cha...</p>
                        </div>
                      </el-col>
                    </el-row>

                    <div class="disan">
                      <el-row>
                        <el-col :span="2" :xs="4">
                          <div class="aaa">
                            <a href>老沈1</a>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-view"> 44</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-chat-square"> 22</i>
                          </div>
                        </el-col>
                        <el-col :span="2" :xs="4">
                          <div class="tubiao">
                            <i class="el-icon-headset"> 2</i>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <el-divider></el-divider>
                  </div>
                </div>
              </el-tab-pane>
            </el-tabs>
          </el-col>
        </el-row>
      </div>
    </div>

    <div class="shouji">
      <div class="hengxian1">
        <el-row>
          <el-col :span="24">
            <div class="hengxian"></div>
          </el-col>
        </el-row>
      </div>

      <div class="dibu" style="margin-left:24%;margin-right:20%;">
        <el-row>
          <el-col :span="4">
            <div class="dibua">
              <p style="border-right:1px solid  #d9d9d9;">登录</p>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="dibub">
              <p style="border-right:1px solid  #d9d9d9;">打开APP</p>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="dibuc">
              <p style="border-right:1px solid  #d9d9d9;">热门文章</p>
            </div>
          </el-col>
        </el-row>
      </div>
      <div>
        <el-row>
          <el-col :span="24">
            <div class="dibuanniu">
              <el-button plain>下载简书，创作你的创作</el-button>
            </div>
          </el-col>
        </el-row>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "conterL",

  data() {
    return {
      activeName: "first"
    };
  },
  methods: {}
};
</script>
<style scoped>
.conterL {
  text-align: center;
  width: 65%;
  height: auto;
  float: left;
}
.shouji{
  display: none;
}
.neirongL {
  width: 80%;
  height: auto;
  float: right;
}
.el-tabs__item.is-active {
  color: #646464;
}
.el-tabs__item {
  color: #969696;
}
.yuantu img {
  width: 65px;
  height: 65px;
  border-radius: 33px;
  border: solid rgb(100, 100, 100) 1px;
  margin-left: -21px;
}
.xiaotu img {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  border: solid rgb(100, 100, 100) 1px;
}
.diyihang {
  text-align: left;
}
.diyihang p {
  margin: 0px 0 15px 0;
  font-size: 21px;
  font-weight: 700;
}
.dierhang {
  margin-top: -15px;
  width: 62px;
  margin-left: -25px;
}
.dierhang a {
  display: block;
  width: 100%;
  font-size: 15px;
  color: #969696;
  /*font-size: 12px;*/
}
.dierhang span {
  color: #333;
  font-size: 15px;
}
.disan {
  margin-top: -10px;
}
.disanhang {
  border: 1px solid red;
  margin-top: 10px;
}
.disanhang span {
  margin-top: -3px;
  font-size: 15px;
  color: red;
}
.disanhang p {
  display: block;
  color: red;
}
.laoshen a {
  text-decoration: none;
  font-size: 13px;
  margin-left: -6px;
}
.zhinian a {
  margin: -7px 0 4px;
  display: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: #333333;
  text-align: left;
}
.wenzi p {
  font-size: 13px;
  color: #969696;
}
.wenzi p:nth-child(2) {
  margin: 5px 0 20px 0;
  padding-right: 180px;
}
.tubiao i {
  color: #b4b4b4;
  margin-left: 13px;
}
.aaa a {
  font-size: 13px;
  color: #969696;
  text-decoration: none;
  margin-left: -2px;
  color: red;
}
.disan {
  margin-top: -30px;
}
.el-button.is-round {
  border-radius: 20px;
  padding: 11px 16px;
}
.disanlie {
  margin-top: 30px;
  margin-left: 20px;
}

.beijing {
  display: none;
}

@media screen and (max-width: 1060px) {
  .titleSpan .el-col-md-8:nth-of-type(4) {
    margin-top: 25px;
  }
  .titleSpan .el-col-md-8:nth-of-type(5) {
    margin-top: 25px;
  }
}
@media screen and (max-width: 750px) {
  .conterL {
    width: 100%;
    height: auto;
  }
  .shouji{
    display: block;
  }

  .neirongL {
    width: 92%;
    padding-left: 4%;
    padding-right: 4%;
    height: auto;
    /* border:1px solid red; */
    margin-top: -13px;
  }
  .yuantu img {
    width: 85px;
    height: 85px;
    border-radius: 50px;
    border: solid rgb(100, 100, 100) 1px;
    margin-top: -7px;
  }
  .beijing {
    display: block;
    /* border:1px solid red; */
    margin-top: -90px;
  }
  .beijing img {
    width: 100%;
    height: 200px;
  }
  .neirong {
    border: 1px solid red;
  }

  /* .yuantu img{ */
  /* display: none */
  /* } */
  .diyihang {
    margin-top: 25px;
    margin-bottom: -10px;
  }
  .sjdiyi {
    margin: 7px 0px 0px 1px;
  }
  .sjdiyi span {
    color: #333333;
    font-size: 16px;
  }
  .sjdiyi a {
    color: #969696;
    font-size: 14px;
  }
  .sjdier {
    margin-left: -170px;
  }
  .sjdier img {
    width: 20px;
    height: 20px;
  }
  .sjdisan {
    margin-left: -100px;
  }
  .sjdisan p {
    margin-top: 15px;
    font-size: 14px;
    color: #969696;
  }
  .sjdh{
    color:#999999;
  }
  .titleSpan .el-col-5:nth-of-type(4) {
    display: none;
  }
  .titleSpan .el-col-5:nth-of-type(5) {
    display: none;
  }
  .titleSpan .el-col-8:nth-of-type(6) {
    display: none;
  }
  .dibuanniu .el-button {
    width: 90%;
    background: #ea6f5a;
    height: 51px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
  }
  .disanlie .el-button {
    width: 45%;
    height: 40px;
    border-radius: 3px;
    margin-left: 0;
    margin-right: 10px;
  }

  .dibua,
  .dibub,
  .dibuc {
    height: 30px;
    padding: 20px 0;
    font-size: 16px;
    color: #969696;
    margin-top: 20px;
  }
  .hengxian {
    border-width: 0;
    height: 15px;
    background-color: #f5f5f5;
  }
}
</style>